<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 变量：存储数据的容器，；类似快速的盒子。
        // 变量：变化的量。在程序运行中变化的量。
        // 变量名不变，变量的值可以一致改变。
        // 变量和变量的区别，通过变量名。
        // 变量相互独立的，互不干扰。
        var myName = "易烊千玺";
        var yourName = "王一博";
        console.log(myName);
        //将值valeu（肖战），重新赋值给myName 这个变量。
        // 1.变量赋值之后，会把之前的值覆盖掉。
        // 快递的盒子，可以装任意的货物。但是，这次只能装一个货物。
        myName ="肖战";
        console.log(myName);

        // var age =22;
        // var address ="郑州";
        // var salary =2000;  // 薪水
        // 2.一次进行多个变量的赋值。（不推荐，可读性太差）
        var age =22,
            address = "开封"
            salary =3900;
        console.log(age);
        console.log(address);
        console.log(salary);

        // 3.b=变量在使用前，必须声明。
        // Uncaught ReferenceError: cat is not defined
        // console.log(cat);
        // 3.3 不声明，直接赋值，也可以使用。但是不推荐。
        movie ="长津湖";
        console.log(movie);
    </script>
</body>
</html>